<template>
  <div class="shopInfoSellWell">
      <div class="shoptit">
          <div class="shopPositon">
            <img src="../../../../static/img/shop521.png" alt="">
            <p>上海市浦东新区碧波路690号张江微电子港</p>
            <img src="../../../../static/img/shop522.png" alt="" @click="call(17391751754)">
          </div>
          <div class="shopInfoImg">
            <img src="../../../../static/img/shop1.png" alt="">
            <img src="../../../../static/img/shop2.png" alt="">
            <img src="../../../../static/img/shop3.png" alt="">
            <img src="../../../../static/img/shop3.png" alt="">
            <img src="../../../../static/img/shop3.png" alt="">
          </div>
      </div>
      <div class="shopItemWrap">
        <div class="shopZ" @click="jump('BusinessQualification')">
          <img src="../../../../static/img/shop528.png" alt="">
          <p>营业资质</p>
          <img src="../../../../static/img/youjiantou-111.png" alt="">
        </div>
        <div class="shopZ">
          <img src="../../../../static/img/shop523.png" alt="">
          <p>配送服务：由纸条闪送为您提供配送服务</p>
        </div>
      </div>
      <div class="service">
          <div class="service-tit">
            <img src="../../../../static/img/shop525.png" alt="">
            <p>商家服务</p>
          </div>
          <div class="service-item">
            <img src="../../../../static/img/shopPei.png" alt="">
            <p>商家原因导致订单取消，赔付代金券</p>
          </div>
          <div class="service-item">
            <img src="../../../../static/img/shopPei.png" alt="">
            <p>该商户食品安全已由众安保险承保，食品安全有保障</p>
          </div>
          <div class="service-item">
            <img src="../../../../static/img/shopPei.png" alt="">
            <p>该商家支持开具发票，开票订单金额5元起，请在下单时填写</p>
          </div>
      </div>
  </div>
</template>

<script>

  export default {
    name: "shopInfoSellWell",
    data() {
      return {

      }
    },
    methods: {
      call(phone){
        // 调用拨号功能
        window.location.href = 'tel://' + phone;
      },
      jump(page) {
        this.$router.push({
          name:page
        })
      }
    }
  }
</script>

<style scoped>
  .shopInfoSellWell {
    width: 100%;
    background-color: #F5F5F5;
  }

  .shoptit,.shopItemWrap,.service {
    padding: 0 .1rem;
    background-color: #FFFFFF;
    margin-bottom: .1rem;
  }
  .shopPositon {
    position: relative;
    display: flex;
    flex-flow: row;
    align-items: center;
    height: .5rem;
    box-sizing: border-box;
    border-bottom: .01rem solid rgba(0,0,0,.1);
  }
  .shopPositon>img {
    width: .15rem;
  }
  .shopPositon>p {
    font-size:.14rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #565961;
  }
  .shopPositon>img:nth-child(1) {
    margin-right: .1rem;
  }
  .shopPositon>img:nth-child(3) {
    margin-left: .2rem;
  }

  .shopInfoImg {
    padding: .12rem 0;
    background-color: #FFFFFF;
    display: flex;
    flex-flow: row;
    align-items: center;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .shopInfoImg::-webkit-scrollbar {
    display: none;
  }
  .shopInfoImg>img {
    width: 1.2rem;
    max-height: .8rem;
    margin-right: .1rem;
  }

  .shopZ {
    display: flex;
    flex-flow: row;
    align-items: center;
    position: relative;
    height: .5rem;
    box-sizing: border-box;
    border-bottom: .01rem solid rgba(0,0,0,.1);
  }
  .shopZ>p {
    font-size:.14rem;
    font-family:PingFang SC;
    font-weight:400;
    color: #333333;
  }
  .shopZ>img:nth-child(1) {
    width: .14rem;
    margin-right: .1rem;
  }
  .shopZ>img:nth-child(3) {
    width: .08rem;
    height: .13rem;
    position: absolute;
    right: .05rem;
  }
  .shopZ:nth-last-child(1) {
     border:none;
  }

  .service {
    padding-bottom: .15rem;
  }
  .service-tit {
    height: .5rem;
    display: flex;
    flex-flow: row;
    align-items: center;
  }
  .service-tit>img {
    width: .14rem;
    margin-right: .1rem;
  }
  .service-tit>p {
    font-size:.14rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #333333;
  }

  .service-item {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin-bottom: .1rem;
  }
  .service-item>img {
    width: .15rem;
    margin-right: .1rem;
  }
  .service-item>p {
    font-size:.11rem;
    font-family:PingFang SC;
    font-weight:500;
    color: #8B8E97;
  }
</style>
